home *** CD-ROM | disk | FTP | other *** search
/ Freelog Special Freeware 31 / FreelogHS31.iso / ArgentCompta / FASTCOMPTA / Setup FASTCOMPTA.exe / {app} / FastCompta.chm / html / niftycube.js < prev    next >
Text File  |  2006-12-30  |  9KB  |  299 lines
  1. /* Nifty Corners Cube - rounded corners with CSS and Javascript
  2. Copyright 2006 Alessandro Fulciniti (a.fulciniti@html.it)
  3.  
  4. This program is free software; you can redistribute it and/or modify
  5. it under the terms of the GNU General Public License as published by
  6. the Free Software Foundation; either version 2 of the License, or
  7. (at your option) any later version.
  8.  
  9. This program is distributed in the hope that it will be useful,
  10. but WITHOUT ANY WARRANTY; without even the implied warranty of
  11. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  12. GNU General Public License for more details.
  13.  
  14. You should have received a copy of the GNU General Public License
  15. along with this program; if not, write to the Free Software
  16. Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
  17. */
  18.  
  19. var niftyOk=(document.getElementById && document.createElement && Array.prototype.push);
  20. var niftyCss=false;
  21.  
  22. String.prototype.find=function(what){
  23. return(this.indexOf(what)>=0 ? true : false);
  24. }
  25.  
  26. var oldonload=window.onload;
  27. if(typeof(NiftyLoad)!='function') NiftyLoad=function(){};
  28. if(typeof(oldonload)=='function')
  29.     window.onload=function(){oldonload();AddCss();NiftyLoad()};
  30. else window.onload=function(){AddCss();NiftyLoad()};
  31.  
  32. function AddCss(){
  33. niftyCss=true;
  34. var l=CreateEl("link");
  35. l.setAttribute("type","text/css");
  36. l.setAttribute("rel","stylesheet");
  37. l.setAttribute("href","niftyCube.css");
  38. l.setAttribute("media","screen");
  39. document.getElementsByTagName("head")[0].appendChild(l);
  40. }
  41.  
  42. function Nifty(selector,options){
  43. if(niftyOk==false) return;
  44. if(niftyCss==false) AddCss();
  45. var i,v=selector.split(","),h=0;
  46. if(options==null) options="";
  47. if(options.find("fixed-height"))
  48.     h=getElementsBySelector(v[0])[0].offsetHeight;
  49. for(i=0;i<v.length;i++)
  50.     Rounded(v[i],options);
  51. if(options.find("height")) SameHeight(selector,h);
  52. }
  53.  
  54. function Rounded(selector,options){
  55. var i,top="",bottom="",v=new Array();
  56. if(options!=""){
  57.     options=options.replace("left","tl bl");
  58.     options=options.replace("right","tr br");
  59.     options=options.replace("top","tr tl");
  60.     options=options.replace("bottom","br bl");
  61.     options=options.replace("transparent","alias");
  62.     if(options.find("tl")){
  63.         top="both";
  64.         if(!options.find("tr")) top="left";
  65.         }
  66.     else if(options.find("tr")) top="right";
  67.     if(options.find("bl")){
  68.         bottom="both";
  69.         if(!options.find("br")) bottom="left";
  70.         }
  71.     else if(options.find("br")) bottom="right";
  72.     }
  73. if(top=="" && bottom=="" && !options.find("none")){top="both";bottom="both";}
  74. v=getElementsBySelector(selector);
  75. for(i=0;i<v.length;i++){
  76.     FixIE(v[i]);
  77.     if(top!="") AddTop(v[i],top,options);
  78.     if(bottom!="") AddBottom(v[i],bottom,options);
  79.     }
  80. }
  81.  
  82. function AddTop(el,side,options){
  83. var d=CreateEl("b"),lim=4,border="",p,i,btype="r",bk,color;
  84. d.style.marginLeft="-"+getPadding(el,"Left")+"px";
  85. d.style.marginRight="-"+getPadding(el,"Right")+"px";
  86. if(options.find("alias") || (color=getBk(el))=="transparent"){
  87.     color="transparent";bk="transparent"; border=getParentBk(el);btype="t";
  88.     }
  89. else{
  90.     bk=getParentBk(el); border=Mix(color,bk);
  91.     }
  92. d.style.background=bk;
  93. d.className="niftycorners";
  94. p=getPadding(el,"Top");
  95. if(options.find("small")){
  96.     d.style.marginBottom=(p-2)+"px";
  97.     btype+="s"; lim=2;
  98.     }
  99. else if(options.find("big")){
  100.     d.style.marginBottom=(p-10)+"px";
  101.     btype+="b"; lim=8;
  102.     }
  103. else d.style.marginBottom=(p-5)+"px";
  104. for(i=1;i<=lim;i++)
  105.     d.appendChild(CreateStrip(i,side,color,border,btype));
  106. el.style.paddingTop="0";
  107. el.insertBefore(d,el.firstChild);
  108. }
  109.  
  110. function AddBottom(el,side,options){
  111. var d=CreateEl("b"),lim=4,border="",p,i,btype="r",bk,color;
  112. d.style.marginLeft="-"+getPadding(el,"Left")+"px";
  113. d.style.marginRight="-"+getPadding(el,"Right")+"px";
  114. if(options.find("alias") || (color=getBk(el))=="transparent"){
  115.     color="transparent";bk="transparent"; border=getParentBk(el);btype="t";
  116.     }
  117. else{
  118.     bk=getParentBk(el); border=Mix(color,bk);
  119.     }
  120. d.style.background=bk;
  121. d.className="niftycorners";
  122. p=getPadding(el,"Bottom");
  123. if(options.find("small")){
  124.     d.style.marginTop=(p-2)+"px";
  125.     btype+="s"; lim=2;
  126.     }
  127. else if(options.find("big")){
  128.     d.style.marginTop=(p-10)+"px";
  129.     btype+="b"; lim=8;
  130.     }
  131. else d.style.marginTop=(p-5)+"px";
  132. for(i=lim;i>0;i--)
  133.     d.appendChild(CreateStrip(i,side,color,border,btype));
  134. el.style.paddingBottom=0;
  135. el.appendChild(d);
  136. }
  137.  
  138. function CreateStrip(index,side,color,border,btype){
  139. var x=CreateEl("b");
  140. x.className=btype+index;
  141. x.style.backgroundColor=color;
  142. x.style.borderColor=border;
  143. if(side=="left"){
  144.     x.style.borderRightWidth="0";
  145.     x.style.marginRight="0";
  146.     }
  147. else if(side=="right"){
  148.     x.style.borderLeftWidth="0";
  149.     x.style.marginLeft="0";
  150.     }
  151. return(x);
  152. }
  153.  
  154. function CreateEl(x){
  155. return(document.createElement(x));
  156. }
  157.  
  158. function FixIE(el){
  159. if(el.currentStyle!=null && el.currentStyle.hasLayout!=null && el.currentStyle.hasLayout==false)
  160.     el.style.display="inline-block";
  161. }
  162.  
  163. function SameHeight(selector,maxh){
  164. var i,v=selector.split(","),t,j,els=[],gap;
  165. for(i=0;i<v.length;i++){
  166.     t=getElementsBySelector(v[i]);
  167.     els=els.concat(t);
  168.     }
  169. for(i=0;i<els.length;i++){
  170.     if(els[i].offsetHeight>maxh) maxh=els[i].offsetHeight;
  171.     els[i].style.height="auto";
  172.     }
  173. for(i=0;i<els.length;i++){
  174.     gap=maxh-els[i].offsetHeight;
  175.     if(gap>0){
  176.         t=CreateEl("b");t.className="niftyfill";t.style.height=gap+"px";
  177.         nc=els[i].lastChild;
  178.         if(nc.className=="niftycorners")
  179.             els[i].insertBefore(t,nc);
  180.         else els[i].appendChild(t);
  181.         }
  182.     }
  183. }
  184.  
  185. function getElementsBySelector(selector){
  186. var i,j,selid="",selclass="",tag=selector,tag2="",v2,k,f,a,s=[],objlist=[],c;
  187. if(selector.find("#")){ //id selector like "tag#id"
  188.     if(selector.find(" ")){  //descendant selector like "tag#id tag"
  189.         s=selector.split(" ");
  190.         var fs=s[0].split("#");
  191.         if(fs.length==1) return(objlist);
  192.         f=document.getElementById(fs[1]);
  193.         if(f){
  194.             v=f.getElementsByTagName(s[1]);
  195.             for(i=0;i<v.length;i++) objlist.push(v[i]);
  196.             }
  197.         return(objlist);
  198.         }
  199.     else{
  200.         s=selector.split("#");
  201.         tag=s[0];
  202.         selid=s[1];
  203.         if(selid!=""){
  204.             f=document.getElementById(selid);
  205.             if(f) objlist.push(f);
  206.             return(objlist);
  207.             }
  208.         }
  209.     }
  210. if(selector.find(".")){      //class selector like "tag.class"
  211.     s=selector.split(".");
  212.     tag=s[0];
  213.     selclass=s[1];
  214.     if(selclass.find(" ")){   //descendant selector like tag1.classname tag2
  215.         s=selclass.split(" ");
  216.         selclass=s[0];
  217.         tag2=s[1];
  218.         }
  219.     }
  220. var v=document.getElementsByTagName(tag);  // tag selector like "tag"
  221. if(selclass==""){
  222.     for(i=0;i<v.length;i++) objlist.push(v[i]);
  223.     return(objlist);
  224.     }
  225. for(i=0;i<v.length;i++){
  226.     c=v[i].className.split(" ");
  227.     for(j=0;j<c.length;j++){
  228.         if(c[j]==selclass){
  229.             if(tag2=="") objlist.push(v[i]);
  230.             else{
  231.                 v2=v[i].getElementsByTagName(tag2);
  232.                 for(k=0;k<v2.length;k++) objlist.push(v2[k]);
  233.                 }
  234.             }
  235.         }
  236.     }
  237. return(objlist);
  238. }
  239.  
  240. function getParentBk(x){
  241. var el=x.parentNode,c;
  242. while(el.tagName.toUpperCase()!="HTML" && (c=getBk(el))=="transparent")
  243.     el=el.parentNode;
  244. if(c=="transparent") c="#FFFFFF";
  245. return(c);
  246. }
  247.  
  248. function getBk(x){
  249. var c=getStyleProp(x,"backgroundColor");
  250. if(c==null || c=="transparent" || c.find("rgba(0, 0, 0, 0)"))
  251.     return("transparent");
  252. if(c.find("rgb")) c=rgb2hex(c);
  253. return(c);
  254. }
  255.  
  256. function getPadding(x,side){
  257. var p=getStyleProp(x,"padding"+side);
  258. if(p==null || !p.find("px")) return(0);
  259. return(parseInt(p));
  260. }
  261.  
  262. function getStyleProp(x,prop){
  263. if(x.currentStyle)
  264.     return(x.currentStyle[prop]);
  265. if(document.defaultView.getComputedStyle)
  266.     return(document.defaultView.getComputedStyle(x,'')[prop]);
  267. return(null);
  268. }
  269.  
  270. function rgb2hex(value){
  271. var hex="",v,h,i;
  272. var regexp=/([0-9]+)[, ]+([0-9]+)[, ]+([0-9]+)/;
  273. var h=regexp.exec(value);
  274. for(i=1;i<4;i++){
  275.     v=parseInt(h[i]).toString(16);
  276.     if(v.length==1) hex+="0"+v;
  277.     else hex+=v;
  278.     }
  279. return("#"+hex);
  280. }
  281.  
  282. function Mix(c1,c2){
  283. var i,step1,step2,x,y,r=new Array(3);
  284. if(c1.length==4)step1=1;
  285. else step1=2;
  286. if(c2.length==4) step2=1;
  287. else step2=2;
  288. for(i=0;i<3;i++){
  289.     x=parseInt(c1.substr(1+step1*i,step1),16);
  290.     if(step1==1) x=16*x+x;
  291.     y=parseInt(c2.substr(1+step2*i,step2),16);
  292.     if(step2==1) y=16*y+y;
  293.     r[i]=Math.floor((x*50+y*50)/100);
  294.     r[i]=r[i].toString(16);
  295.     if(r[i].length==1) r[i]="0"+r[i];
  296.     }
  297. return("#"+r[0]+r[1]+r[2]);
  298. }
  299.